<template>
	<view class="actile">
		<!-- <navbar class="nav-bar">
			<view @tap="backClick" class="left" slot="left">
				<view class="icons">
					<image src="/static/icons/lefts.png" mode=""></image>
				</view>
			</view>
			<view slot="center">文章详情</view>
		</navbar> -->
		<view class="detail-main">
			<rich-text class="items" :nodes="detailList.content2">哈哈</rich-text>
		</view>
	</view>
</template>

<script>
	import {
		getDetail,
	} from "@/network/found/index.js";
	// import navbar from "@/components/navbar/navbar.vue"
	export default {
		data() {
			return {
				detailList: {}
			};
		},
		async onLoad(options) {
			console.log(options.iid)
			const res = await getDetail({
				id: options.iid
			})
			console.log(res)
			this.detailList = res.data.data
			// console.log(this.$refs.itemss)
			// console.log(document.querySelector('.itemsss'))
			// document.querySelector('.itemsss').innerHTML = 	this.detailList

		},
		onShow() {
			setTimeout(() => {
				console.log(this)
			// console.log(this.$refs.itemss)
			}, 1000)
		},
		methods: {
			backClick() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.actile {
		background-color: #F1ECE7;
		height: 100vh;
		overflow: scroll;
		padding: 60rpx;
	}
	// .nav-bar {
	// 	background-color: #354E44;
	// 	position: fixed;
	// 	left: 0;
	// 	top: 0;
	// 	width: 100%;
	// 	z-index: 2;

	// 	.left {
	// 		.icons {
	// 			width: 54rpx;
	// 			height: 54rpx;
	// 			color: #fff;

	// 			image {
	// 				width: 100%;
	// 				height: 100%;
	// 			}
	// 		}
	// 	}
	// }

	// .detail-main {
	// 	margin-top: 98rpx;
	// 	p {
	// 		padding: 80rpx;
	// 	}
	// }
</style>
